
body {
  background: #f4f5fa;
  height: 100%;
}
/*请选择您对平台的评价*/
.short-one {
  height: 1.3333333rem;
  margin: 0.266666667rem 0;
  background: #fff;
}
.one-title , .one-have {
  display: inline-block;
}
.one-title  > h4 , .two-title > h4{
    font-size: 0.4rem;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    margin: 0.48rem 0;
    padding: 0 0.4rem;
    border-left: 0.10666667rem solid #dc3838;
}
.one-have > p {
  padding-left: 0.32rem;
  font-size: 0.32rem;
  color: #999999;
}
/*请根据您的投资体验 针对平台做出安全性评价*/
.short-two {
  background: #fff;
}
.label {
  padding: 0 0.4rem;
}
.label > ul > li {
  float: left;
  margin-bottom: 0.2066667rem;
  margin-right: 0.18666667rem;
  height: 0.64rem;
}
.label > ul > li > div {
  height: 0.64rem;
  padding: 0.16rem 0.42rem ;
  text-align: center;
  border-radius: 0.32rem;
  border: 0.0103333333rem solid #999999;
  font-size: 0.306666667rem;
}
.label > ul > li > div >p {
  height: 0.64rem;
}
.add-label {
  background: #F7F7F7 ;
}
.label-active {
  background: #FFF5F5 ;
  border: 0.010333333rem solid #dc3838 !important;
  color: #dc3838;
}
.short-comment > .comment-textarea {
  margin-top: 0.2666667rem;
  margin-left: 0.4rem;
  width: 8.56rem;
  height: 5.2533333333rem;
  padding: 0.32rem;
    color: #333333;
}

/*提交*/
.submit {
      background: #dc3838;
    color: #fff;
    width: 100%;
    height: 1.28rem;
    font-size: 0.413333333rem;
    text-align: center;
    position: fixed;
    bottom: 0;
    right: 0;
}
.submit > p {
    line-height: 1.28rem;
}
/*弹层*/
.popup {
  width: 10rem;
  height: 100%;
  overflow: hidden;
  background-image: url('../images/short-bg.png');
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
}
.popup-com {
  width: 8.4rem;
  height: 8.3066666667rem;
  background: #fff;
  margin-left: 0.8rem;
  margin-top: 4.24rem;
}
.popup-title {
  font-size: 0.4266666667rem;
  padding: 0.8666666667rem 1.9466666667rem 0.8666666667rem 1.946666667rem;
  color: #dc3838;
  font-weight: bold;
}
.popup-con > ul  {
  padding: 0 0.92rem;
}
.have {
  padding-top: 0.32rem !important;
  border-top: 0.01333333rem solid #e5e5e5;
}
.haveactive {
    background: #30CA73 !important;
    color: #fff !important;
    border: none !important;
}
.popup-con > ul > li {
  float: left;
  width: 2.48rem;
  height: 0.85333333rem;
  display: inline-block;
  font-size: 0.346666667rem;
  text-align: center;
  margin-bottom: 0.52rem;
}
.popup-con > ul > li:nth-child(even) {
  margin-left: 1.6rem;
}
.popup-con > ul > li > div {
  width: 2.48rem;
  padding:0.25333333rem 0; 
  border-radius: 0.426666667rem;
}
.unchecked {
  border: 0.0103333333rem solid #999999;
  background: #f7f7f7;
  color: #999999;
  margin-right: 0.8rem;
}
.popup-con > ul > li:nth-child(1) > .active{
  background: #30CA73;
  color: #fff;
  border: none;
}
.popup-con > ul > li:nth-child(2) > .active{
  background: #65D756;
  color: #fff;
  border: none !important;
}
.popup-con > ul > li:nth-child(3) > .active{
  background: #FF7F3D ;
  color: #fff;
  border: none;
}
.popup-con > ul > li:nth-child(4) > .active{
  background: #dc3838;
  color: #fff;
  border: none;
}
.p-check {
 background: url('../images/p-check.png') 0 0 no-repeat;
 background-size: contain;
 width: 0.586666666667rem;
 height: 0.5866666666667rem;
 border-radius: 0.293333333333rem;
 border: 0.01333333333rem solid #999999;
 display: inline-block;
}
.p-active {
  background: url('../images/s-checked.png') 0 0 no-repeat;
  border: none;
  background-size: contain;
}
.popup-check {
  position: relative;
  top: -0.32rem;
  left: 0.92rem;
}
.popup-check > p {
  display: inline-block;
  margin-left: 0.413333333333rem;
  color: #333333;
  font-size: 0.4rem;
  position: relative;
  top: -0.15rem;
}

/*下一步*/
.popup-submit {
  width: 6.8rem;
  height: 1.06666667rem;
  margin-left: 0.8rem;
  font-size: 0.34666667rem;
  padding: 0.36rem 0;
  text-align: center;
  border-radius: 0.53333333rem;
  border: 0.010333333rem solid #dc3838;
  color: #dc3838;

}
.wordWrap {
  position: relative;
  float: right;
  top: -0.66rem;
  right: 0.48rem;
    font-size: 0.32rem;
}
.word {
      color: #dc3838;
    padding: 0 4px;
    font-style: normal;
}

/*新增标签弹窗*/
.add-new {
  width: 10rem;
  height: 17.7866667rem;
  overflow: hidden;
  background-image: url('../images/short-bg.png');
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.label-new {
  width: 8.4rem;
  height: 3.8066666667rem;
  background: #fff;
  margin-left: 0.8rem;
  margin-top: 4.24rem; 
}
.label-title {
  display: inline-block;
  background: #fff;
}
.label-title  > h4 {
  background: #fff;
    font-size: 0.4rem;
    font-weight: bold;
    display: inline-block;
    color: #333333;
    margin: 0.48rem 0;
    padding: 0 0.4rem;
    border-left: 0.10666667rem solid #dc3838;
    display: inline-block;
}
.label-title > p {
  padding-left: 2.32rem;
  font-size: 0.32rem;
  color: #999999;
  display: inline-block;
}
.label-con > input {
  width: 7.6rem;
  margin: 0 0.4rem;
  background: #f7f7f7;
  font-size: 0.32rem;
  padding: 0.16rem 0.32rem 0.16rem 0.32rem;
  color: #333333;
  border-radius: 0.4rem;
  border:0.01033333rem solid #999999;
}
.label-add {
  width: 2.2rem;
  padding: 0.16rem 0;
  text-align: center;
  font-size: 0.32rem;
  border-radius: 0.53333333rem;
  color: #fff;
  background: #dc3838;
  margin: 0.32rem 0;
  margin-left: 3.2rem;
}
